@extends('host.common.common')
@section('head')

@stop

@section('body')

    <style type="text/css">
        .error {
            line-height: 40px;
        }
    </style>
    <!-- top_test -->
    <div id="top_test"></div>
    <div class="com-w">
        <div class="wrapper clearfix">
            <div class="fl">
                <img id="web-logo" src="../../resouce/css/images/b2b-web-logo.png" />
            </div>
        </div>
    </div>
    <div class="com-w" style="background-color: #f9f9f9">
        <div class="wrapper clearfix" style="background-color: #fff">
            <div class="password-title wbb" style="height: 40px;"></div>
            <form action="" method="post" id="findpass">
                <div class="mt20 bdd text-html" style="height: 475px;">
                    <div class="clearfix" style="margin-top: 90px;">
                        <div class="clearfix mt20">
                            <div class="fl wb40 f14 c-666 tr lh40">请输入您的注册邮箱地址：</div>
                            <div class="fl wb50 find-pass">
                                <div class="enquiry1 fl">
                                    <input type="text" name="email">
                                </div>
                            </div>
                        </div>
                        <div class="clearfix mt20">
                            <div class="fl wb40 f14 c-666 tr lh40">请输入验证码：</div>
                            <div class="enquiry1 ">
                                <div class="fl wb15 find-pass1">
                                    <input type="text" name="yzm">
                                </div>
                                <div class="fl find-pass1-imga">
                                    <img src=""></div>
                            </div>
                        </div>
                        <div class="clearfix mt20">
                            <div class="fl wb40 f14 c-666 tr lh40 h40"></div>
                            <div class="fl wb50 find-pass1 tip" style="margin-left: 0px;">提示：系统会自动发送重置密码链接到您的邮箱。</div>
                        </div>
                        <div class="clearfix mt20 tc">
                            <input class="btn btn-important btn-w300x50 f16 lh38" type="submit" id="find_password">
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!-- foot_nav -->
    <div id="foot_nav"></div>
    <div id="bottom_main"></div>
    <script type="text/javascript" src="/assets/b2b/js/libs/jquery.validate.min.js"></script>
    <script type="text/javascript" src="/assets/b2b/js/libs/messages_zh.js"></script>
 /assets/b2b/js/
    <script type="text/javascript">
        $(function() {
            // 主要分类：咖啡豆及咖啡相关,等.
            commTemplUtil.initPage();

            var form_vali = $("#findpass").validate({
                rules: {
                    email: {
                        required: true,
                        email: true
                    },
                    yzm: {
                        required: true,
                    },

                },
                errorPlacement: function(error, element) {
                    if (element.attr("name") == "signflag") {
                        element.parents(".electronic-bottom").append(error);
                    } else {
                        element.parents(".enquiry1").after($("<div class='key-lbl fl' style='width:auto;line-height:40px'/>").append(error));
                    }
                },


            });

            $("#find_password").click(function() {
                var val = form_vali.form();
                if (val) {
                    var htmls = "<div style='margin-top:120px;text-align:center;font-size:14px;color:#666'>已将修改密码的链接发送到您的邮箱，请登录邮箱查看，并修改密码！ </div>"
                    $(".text-html").html(htmls);
                }
            });
        })
    </script>

@stop

